<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
		<title>HaSog幻神商城-PC端</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    
    .content {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    
    .iframe {
        width: 375px;
        height: 812px;
    }
body {
    margin: 0;
    background-color: #f3f3f3;
}
iframe {
    width: 375px;
    height: 667px;
    background-color: #fff;
    box-sizing: content-box;
    border: none;
}
@media screen and (min-width: 450px) {
    iframe {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
        border: rgba(0,0,0,0.1) solid 1px;
        border-radius: 4px;
    }
}
</style>

<body>
    <div class="content">
        <div class="iframe">
            <iframe name="app" src="/?platform=wap"></iframe> 
            
        </div>
         
    </div>
		<script type="text/javascript">
			window.isPC = true;
			
			window.onload = function(){
				/* 监听电脑浏览器窗口尺寸改变 */
				window.onresize = function(){
					/* 窗口宽度 小于或等于420px 时，跳转回H5页面 */
					if(window.innerWidth <= 420){
						window.location.pathname = '/';
					}
				}
			}
		</script>
</body>


</html>